<template>
<uni-shadow-root class="partials-form_item-form_item_pyq-index"><template name="form_item_pyq">
<block>
<view class="circle_item">
  <image class="circle_user_icon" :src="formCommitItem.commitPlatformUserIcon"></image>
  <view class="circle_base_info">
      <view class="circle_user_top">
          <text class="circle_user_name">{{formCommitItem.commitPlatformUserName}}</text>
          <image class="circle_share_icon" @click="judgeFun" :data-itemData="formCommitItem" src="https://image1.sansancloud.com/xianhua/2020_4/7/11/20/19_376.jpg?x-oss-process=style/preview_120"></image>
      </view>
      <rich-text class="circle_user_rich" :nodes="formCommitItem.commitJson.title.value"></rich-text>
      <view class="log_item_img_list" style="margin: 0;" v-if="formCommitItem.commitJson.moreImg.value&&formCommitItem.commitJson.moreImg.value.length!=0">
          <view v-for="(imgItem,imgIndex) in (formCommitItem.commitJson.moreImg.value)" :key="imgItem.imgIndex" class="log_item_img_item" v-if="formCommitItem.commitJson.moreImg.value.length>2" @click="lookBigImage" :data-imageUrl="formCommitItem.commitJson.moreImg.value" :data-index="imgIndex">
              <image class="img_item" mode="aspectFill" :src="imgItem.imageUrl"></image>
          </view>
          <view v-for="(imgItem,imgIndex) in (formCommitItem.commitJson.moreImg.value)" :key="imgItem.imgIndex" class="log_item_img_item" style="width: 280rpx;height: 280rpx;" v-if="formCommitItem.commitJson.moreImg.value.length==2" @click="lookBigImage" :data-imageUrl="formCommitItem.commitJson.moreImg.value" :data-index="imgIndex">
              <image class="img_item" mode="aspectFill" :src="imgItem.imageUrl"></image>
          </view>
          <view v-for="(imgItem,imgIndex) in (formCommitItem.commitJson.moreImg.value)" :key="imgItem.imgIndex" class="log_item_img_item" style="height: 100%;" v-if="formCommitItem.commitJson.moreImg.value.length==1" @click="lookBigImage" :data-imageUrl="formCommitItem.commitJson.moreImg.value" :data-index="imgIndex">
              <image class="img_item" mode="widthFix" :src="imgItem.imageUrl"></image>
          </view>
      </view>
      <view class="circle_bottom">
          <text class="circle_time">{{formCommitItem.commitDate}}</text>
          <view class="circle_fun" @click="toCommentFun" :data-itemData="formCommitItem" v-if="(!componentState)">
              <image mode="aspectFit" src="https://image1.sansancloud.com/jianzhan/2019_3/13/17/6/38_907.jpg?x-oss-process=style/preview_120" class="circle_fun_icon"></image>
          </view>
      </view>
      
      <view class="comments_block" v-if="conmmentList.length!=0&&!componentState">
          <view v-for="(conmmentItem,conmmentIndex) in (conmmentList)" :key="conmmentItem.conmmentIndex" class="comments_item">
              <view class="comments_value">
                  <text class="cover_user_name" @click="toCommentFun" :data-itemData="conmmentItem" data-type="recomment">{{conmmentItem.commentUserName}}: </text>
                  
                  <text class="comments_user_name">{{conmmentItem.commentUserName}}: {{conmmentItem.comment}}</text>
              </view>
              <block v-if="conmmentItem.recomments&&conmmentItem.recomments.length!=0">
                  <view v-for="(conmmentChilrenItem,conmmentChilrenIndex) in (conmmentItem.recomments)" :key="conmmentChilrenItem.conmmentIndex" class="comments_value_chilren">
                      <view class="comments_value">
                          <view class="cover_user_name" style="color: #000;">
                              <text class="cover_user_name" style="right: 0;left: unset;" @click="toCommentFun" :data-itemData="conmmentItem" data-type="recomment">{{conmmentItem.commentUserName}}</text>
                              <text class="cover_user_name" @click="toCommentFun" :data-itemData="conmmentChilrenItem" data-type="recomment">{{conmmentChilrenItem.commentUserName}}</text>
                              {{conmmentChilrenItem.commentUserName}}回复{{conmmentItem.commentUserName}}
                          </view>
                          <text class="comments_user_name">{{conmmentChilrenItem.commentUserName}}回复{{conmmentItem.commentUserName}}: {{conmmentChilrenItem.comment}}</text>
                      </view>
                  </view>
              </block>
          </view>
      </view>
  </view>
</view>
</block>
</template></uni-shadow-root>
</template>
<wxs src="../../../public/publicFun.wxs" module="publicFun"></wxs>
<script>

global['__wxRoute'] = 'partials/form_item/form_item_pyq/index'

Component({})

export default global['__wxComponents']['partials/form_item/form_item_pyq/index']
</script>
<style platform="mp-weixin">
/* 美丽圈 */
.circle_block{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 30rpx 0;
    box-sizing: border-box;
}
.circle_item{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: 30rpx 16rpx;
    border-bottom: 1rpx solid #eee;
    background: #fff;
}
.circle_user_icon{
    width: 70rpx;
    height: 70rpx;
    border-radius: 8rpx;
    margin-right: 20rpx;
}
.circle_base_info{
    display: flex;
    flex-direction: column;
    width: 86%;
}
.circle_user_top{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.circle_share_icon{
    width: 40rpx;
    height: 40rpx;
}
.circle_user_name{
    color: #2d64b3;
    font-size: 28rpx;
    font-weight: bold;
    margin-bottom: 10rpx;
}
.circle_user_rich{
    font-size: 26rpx;
    margin-bottom: 12rpx;
}
.log_item_img_list{
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 50rpx;
}
.log_item_img_item{
    width: 190rpx;
    height: 190rpx;
    margin: 4rpx;
}
.img_item{
    width: 100%;
    height: 100%;
}
.circle_bottom{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 10rpx;
}
.circle_time{
    font-size: 24rpx;
    color: #888;
}
.circle_fun{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.circle_fun_icon{
    width: 60rpx;
    height: 40rpx;
}
/* 评论列表 */
.comments_block{
    display: flex;
    flex-direction: column;
    background: #f1f1f1;
    border-radius: 6rpx;
    padding: 10rpx 16rpx 0 16rpx;
    box-sizing: border-box;
    margin-top: 16rpx;
}
.comments_item{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10rpx;
    position: relative;
}
.comments_value{
    font-size: 24rpx;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.cover_user_name{
    position: absolute;
    top: 0;
    left: 0;
    color: #2d64b3;
    background: #f1f1f1;
}
.comments_value_chilren{
    position: relative;
    margin-top: 10rpx;
}
</style>